<!DOCTYPE HTML>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>首 页</title>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/x-icon" href="./static/images/lgser_favicon.ico"/>
    <meta name="keywords" content="职业测评室">
    <meta name="description" content="职业测评室">
    <link rel="stylesheet" href="./static/lib/jquery-weui/lib/weui.min.css">
    <link rel="stylesheet" href="./static/lib/jquery-weui/css/jquery-weui.min.css">
    <link href="./static/templatelgser/mobile/css/my.css" type="text/css" rel="stylesheet">
    <script src="./static/lib/jquery-weui/lib/jquery-2.1.4.js"></script>
</head>

<body ontouchstart>
<!--Header Start-->




<!--必要样式-->
<link href="./static/templatelgser/mobile/css/style.css" type="text/css" rel="stylesheet">
<!--Header Start-->
<header class="header">
	<a href="javascript:gourl('/index.html');" class="logotxt">
		职业测评室
	</a>
</header>
<!--Header End-->

<!--Header End-->
<!-- Swiper幻灯片 -->





<div class="swiper-container">
	<div class="swiper-wrapper">
		
			<div class="swiper-slide">
				<img src="./static/templatelgser/mobile/images/ban1.jpg"/>
			</div>
		
			<div class="swiper-slide">
				<img src="./static/templatelgser/mobile/images/ban2.jpg"/>
			</div>
		
			<div class="swiper-slide">
				<img src="./static/templatelgser/mobile/images/ban3.jpg"/>
			</div>
		
			<div class="swiper-slide">
				<img src="./static/templatelgser/mobile/images/ban4.jpg"/>
			</div>
		
	</div>
	<!-- Add Pagination -->
	<div class="swiper-pagination"></div>
</div>
<script type="text/javascript">
    $(function () {
        $(".swiper-container").swiper({
            loop: true,
            autoplay: 15000
        });
    });
</script>
<!--swiper幻灯片结束-->
<!--热门推荐-->
<div class="cp-header">
    <div class="hotbg"></div>
    <ul class="cp-head" id="viewHot"></ul>
    <script id="tplHot" type="text/html">
        <ul class="page-news-list">
            {{# for(var i = 0, len = d.list.length; i < len; i++){ }}
            {{# var l = d.list[i]}}
            <li>
                <a href="javascript:gourl('/front/mobile/cp/module/getmodule?id={{l.id}}')">
                    <div class="weui-media-box__hd">
                        <div class="images-wrapper">
                            <img src="{{l.thumbnail}}" style="width: 150px;height: 150px;"/>
                            <div class="images-content">[{{l.catelogName}}] {{l.name}}</div>
                        </div>
                        <p class="images-desc">{{l.subname}}</p>
                        <div class="number">
                            <span class="test_num">{{l.testNum}}人测评</span>
                            <span class="test_price">&yen;{{l.price}}</span>
                        </div>
                    </div>
                </a>
            </li>
            {{# } }}
        </ul>
    </script>
</div>
<!--热门推荐结束-->
<!--测评分类-->
<div class="wrapper wrapper03" id="wrapper03" style="z-index: 99999;">
    <div class="scroller">
        <ul class="clearfix">
            <li><a href="javascript:loadList('');">测评分类：</a></li>
            
                <li><a href="javascript:loadList(11);">职业人格</a></li>
            
                <li><a href="javascript:loadList(12);">职业能力</a></li>
            
                <li><a href="javascript:loadList(4);">就业评估</a></li>
            
                <li><a href="javascript:loadList(1);">职业兴趣</a></li>
            
        </ul>
    </div>
</div>
<!--测评分类结束-->
<!--加载测评列表-->
<div class="weui-panel weui-panel_access" style="overflow : inherit">
    <div class="weui-panel__hd">测评列表</div>
    <div class="weui-panel__bd" id="viewCp"></div>
    <script id="tplCp" type="text/html">
        <ul class="page-news-list">
            {{# for(var i = 0, len = d.list.length; i < len; i++){ }}
            {{# var l = d.list[i]}}
            <div class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd" style="width: 100px;height: 100px;">
                    <img class="weui-media-box__thumb" src="{{l.thumbnail}}"
                         onclick="javascript:gourl('/front/mobile/cp/module/getmodule?id={{l.id}}')">
                </div>
                <div class="weui-media-box__bd">
                    <h5 class="weui-media-box__title" style="font-size: 16px;font-weight: bold;"
                        onclick="javascript:gourl('/front/mobile/cp/module/getmodule?id={{l.id}}')">
                        [{{l.catelogName}}] {{ l.name}}</h5>
                    <p class="weui-media-box__desc" style="margin-top: 5px;">{{ l.subname.slice(0,16)}}</p>
                    <ul class="weui-media-box__info" style="margin-top: 5px;">
                        <li class="weui-media-box__info__meta price">&yen;{{ l.price==0?'免费':l.price}}&nbsp;&nbsp;<span
                                style="font-size:10px;text-decoration:line-through;color: #cecece;">(原价:&yen;{{ l.oldPrice}})</span>
                        </li>
                    </ul>
                    <ul class="weui-media-box__info" style="margin-top: 5px;">
                        <li class="weui-media-box__info__meta" style="line-height: 30px;">{{ l.testNum}}人已测</li>
                        <li class="weui-media-box__info__meta" style="width: 50%;">
                            <span style="float: right;"
                                  onclick="buy('{{ l.id}}','{{l.price}}');"
                                  class="weui-btn weui-btn_mini weui-btn_primary">立即购买</span>
                        </li>
                    </ul>

                </div>
            </div>
            {{# } }}
        </ul>
    </script>
</div>
<!--加载测评列表结束-->
<!--底部菜单导航-->




<div class="nav">
    <ul>
        <li>
            <a href="javascript:gourl('/front/mobile/cp/index');">
                <span>
                    
                        
                            <img id="img1" src="./static/templatelgser/mobile/images/tab_main_1.png" height="20">
                        
                        
                    
                </span>
                <span id="page1">首 页</span>
            </a>
        </li>
        <li>
            <a href="javascript:gourl('/front/mobile/cp/sreport');">
                <span>
                    
                        
                        
                            <img id="img2" src="./static/templatelgser/mobile/images/tab_report.png" height="20">
                        
                    
                </span>
                <span id="page2">查报告</span>
            </a>
        </li>
        <li>
            <a href="javascript:focusMe();">
                <span><img src="./static/templatelgser/mobile/images/tab_focus.png" height="20"></span>
                <span id="page3">求关注</span>
            </a>
        </li>
        <li>
            <a href="javascript:gourl('/front/mobile/general/member/index');">
                <span>
                    
                        
                        
                            <img id="img4" src="./static/templatelgser/mobile/images/tab_person.png" height="20">
                        
                    
                </span>
                <span id="page4">个人中心</span>
            </a>
        </li>
    </ul>
</div>
<!--底部菜单-->

<script type="text/javascript">
    $(function () {
        $("#page" +1).css("color", "#1aad19");
    });
    var flag = false;
    function focusMe() {
        if (flag) {
            layer.closeAll();
            flag = false;
        } else {
            flag = true;
            //页面层-自定义
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                shadeClose: true,
                skin: 'yourclass',
                content: "<img src='./static/templatelgser/mobile/images/qrcode_2.jpg' width='200px' height='200px'>"
            });
        }
    }
</script>
<!--底部结束-->




<!--友情链接-->
<div class="weui-footer .weui-footer_fixed-bottom " style="margin-top:20px;margin-bottom:10px;bottom: 0px;text-align: center; width: 100%;">
	<div class="weui-footer__text">
		版权所有：北京兰光赛尔教育科技中心<br/>
		技术支持：<a href="http://www.heng-soft.com" target="_blank">济南恒软信息技术有限公司</a>
		
	</div>
</div>
<!--友情链接结束-->




<script src="./static/lib/layer/layer.js" type="text/javascript"></script>
<script src="./static/lib/laytpl/laytpl.js" type="text/javascript"></script>
<script src="./static/lib/laypage/laypage.js" type="text/javascript"></script>
<script src="./static/lib/jquery-weui/lib/fastclick.js"></script>
<script src="./static/lib/jquery-weui/js/jquery-weui.min.js"></script>
<script src="./static/lib/jquery-weui/js/swiper.min.js"></script>
<script src="./static/lib/layer/layer.js" type="text/javascript"></script>
<script src="./static/lib/jquery/jquery.cookie.min.js" type="text/javascript"></script>
<script src="./static/admin/js/csrf.js" type="text/javascript"></script>
<script src="./static/lib/jquery/jquery.form.js"></script>
<script src="./static/templatelgser/mobile/js/common.js" type="text/javascript"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>
<!--分类导航-->
<script type="text/javascript" src="./static/lib/mscroll/flexible.js"></script>
<script type="text/javascript" src="./static/lib/mscroll/iscroll.js"></script>
<script type="text/javascript" src="./static/lib/mscroll/navbarscroll.js"></script>
<!--Header End-->
<script type="text/javascript">
    $(window).scroll(function () {
        //滚动730px，左侧导航固定定位
        if ($(window).scrollTop() > 500) {
            $('#wrapper03').css({'position': 'fixed', 'top': 0, 'margin-top': 0})
        } else {
            $('#wrapper03').css({'position': '', 'top': '', 'margin-top': 20})
        }
    });
    $(function () {
        if (!is_weixn()) {
            location.href = '/front/mobile/cp/browser';
            return;
        }
        //加载热门列表
        initData("tplHot", "viewHot", "/front/mobile/cp/module/listHot.json");
        //加载列表
        initData("tplCp", "viewCp", "/front/mobile/cp/module/list.json");
        //demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
        $('.wrapper').navbarscroll();
    });

    function loadList(catelogId) {
        //加载列表
        initData("tplCp", "viewCp", "/front/mobile/cp/module/list.json?catelogId=" + catelogId);
    }

    //立即购买
    function buy(moduleId, price) {
        $.ajax({
            type: "get",
            url: "/front/mobile/general/member/checklogin",
            dataType: "json",
            success: function (data) {
                if (data.status==0) {
                    $.ajax({
                        type: "get",
                        url: "/front/mobile/general/member/findCurrentMoney",
                        dataType: "json",
                        success: function (data) {
                            if (data.money >= price) {
                                gourl('/front/mobile/cp/module/getmodule?id=' + moduleId);
                            } else {
                                gourl('/front/mobile/wxoauth/getcode?moduleId=' + moduleId + '&price=' + price);
                            }
                        }
                    });
                }else{
                    gourl('/front/mobile/general/member/loginpage');
                }
            }
        });
    }

    $(".cp-catelog-head li a").on('click', function () {
        $(".cp-catelog-head li a").each(function () {
            $(this).attr("style", "");
        });
        $(this).attr("style", "color: #48a5f4 !important;border-bottom: 1px solid #48a5f4;padding-bottom: 15px;");
    });
</script>
</body>
</html>